<template>
    <div class="thirdlogin">
        <el-dialog title='其他方式登陆' :style="{height: '100%'}" :visible.sync="display" @close="close_thirdlogin"
                   width="35%" :close-on-click-modal='false' :modal="true">
            <span>
                <el-form status-icon label-width="100px"
                         class="demo-ruleForm">
                    <el-form-item label-width="44%">
                        <span :style="{fontSize: '18px'}">扫码登陆</span>
                    </el-form-item>
                    <el-form-item label-width="41%">
                        <img src="../assets/img/2wm.jpg" alt="" width="100px">
                    </el-form-item>
                </el-form>
            </span>
            <span slot="footer" class="dialog-footer">
                <el-button :style="{marginRight: '27%',border: '0px'}" @click="go_dialog('register')">注册</el-button>
                <el-button :style="{border: '0px'}" @click="go_dialog('mobileLogin')">手机验证码登陆</el-button>
                <el-button :style="{border: '0px'}" @click="go_dialog('thirdLogin')">其他方式登陆</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
    export default {
        name: "ThirdLogin",
        data(){
            return{
                display : true
            }
        },
        methods: {
            // 关闭登陆框
            close_thirdlogin() {
                // 子组件向父组件传参
                this.$emit('close')
            },
            // 跳转组件
            go_dialog(dialog){
                console.log(dialog);
                this.$emit("go", dialog)
            },
        }
    }
</script>

<style scoped>

</style>